<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">确认</h4>
            </div>
            <div class="modal-body">
                是否确认？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" ng-click="ok()">确认</button>
            </div>
        </div>
    </div>
</div>
<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/admin">首页</a>
                </li>
                <li>
                    <a href="#/star/user/permission">功能管理</a>
                </li>
                <li class="active">功能权限</li>
            </ul>
        </div>
    </div>
</div>

<div class="pull-convert-alert"></div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;padding: 20px 10px 5px 0;">功能权限列表</h3>
                <!-- Button to trigger modal -->
                <a class="btn btn-primary btn-sm" href="#/star/user/role_config/add_user/{{vm.p.functionLabel}}" role="button">添加用户</a>
                <a class="btn btn-primary btn-sm" href="#/star/user/role_config/add_group/{{vm.p.functionLabel}}" role="button">添加用户组</a>
                <table id="list_table" class="table table-condensed"
                       data-toolbar="#toolbar"
                       data-search="true"
                       data-show-toggle="true"
                       data-show-columns="true"
                       data-show-pagination-switch="true"
                       data-pagination="true"
                       data-search-align="left"
                       data-buttons-align="left"
                       data-toolbar-align="left"
                       data-side-pagination="client">
                    <thead>
                    <tr>
                        <th data-field="id" data-sortable="true">id</th>
                        <th data-sortable="true" data-formatter="permissionRoleOptFormat">操作</th>
<!--                        <th data-field="permissionType" data-formatter="permissionTypeFmt" data-sortable="true">类型</th>-->
<!--                        <th data-field="functionLabel" data-sortable="true">权限标签</th>-->
                        <th data-field="functionName" data-sortable="true" data-formatter="functionNameFmt">功能名称</th>
                        <th data-field="roleName" data-sortable="true">权限类型</th>
                        <th data-field="userName" data-formatter="userNameFmt">权限用户（组）</th>
                        <th data-field="action" data-sortable="true" data-formatter="actionFmt">状态</th>
                        <th data-field="updateTime" data-sortable="true">更新时间</th>
                        <th data-field="createTime" data-sortable="true">创建时间</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
